<script setup>
import FullScreen from '../components/FullScreen.vue';
import Temp from '../components/Temp.vue';

const props =  defineProps({
msg: {
    type: String,
    required: true
},
data: {
    type: Object,
    required: false,
    default (){
    return {telephone:'0592-50888888',fax:'0592-50888888',email:'sakes@hyvalve.net',address:'福建省厦门市湖里区火炬园马龙路387号盈趣科技大厦806'}
    }
}
})

</script>

<template>
    <Temp lit=[]>
        <FullScreen>
            <div class="w-full h-auto self-center bg-no-repeat ">
                <div class="block mx-auto text-center">
                    <p class="text-9xl font-bold text-gray2 2xl:text-[256px] mobile:text-[64px]">404</p>
                    <p class="text-gray2 text-2xl py-6 mobile:py-4 mobile:text-xs">抱歉，您访问的页面不存在</p>
                    <a class="my-6 mx-auto inline-block px-8 py-4 mobile:my-0 text-white bg-dominant mobile:text-sm" href="javascript:history.back(-1)">返回上一页</a>
                </div>
            </div>
        </FullScreen>
    </Temp>
</template>
<style scoped>
ul.grid li.active{
  border-color: #2F3767;
  color: #2F3767
}
.mask::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2F3767cc;
    pointer-events: none;
}
</style>